<style>
.tankdetail-buttom .tankdetail-left {float: left;width: 32%;}
.tankdetail-buttom .tankdetail-right {float: left;width: 68%;padding-right: .1rem;}
.think-section .toggle-btn{font-size: .14rem;color: #0e52b3;text-align: right;position: relative;}
.think-section .toggle-btn.up::after{transform: rotateZ(180deg);-webkit-transform: rotateZ(180deg);}
.toggle-btn::after{top: .1rem;transition: transform .5s;-webkit-transition: transform .5s;}
.tankdetail-buttom .tankdetail-right ul li a {font-size: .18rem; color: #ffff00;width: .52rem;height: .52rem;display: inline-block;background: url("../../../images/img/g-j1.png") no-repeat center;background-size: 100%;padding-top: .08rem;}
.think-section #personalProfile{transition:height 1s;    text-indent: 2em;}
.think-section{margin-bottom: 1rem;}
.think-footer{position: fixed;bottom: 0; left: 0;}
.tankdetail-buttom .tankdetail-right ul li a{   padding-top: 0rem; }

</style>
<div class="mycount-group">
    <header id="tankdetail-header">
        <div class="tankdetail-buttom">
            <div class="tankdetail-left" id="avatar">
                <img src="images/img/zhouyunpeng23.png" alt="" />
            </div>
            <div class="tankdetail-right">
                <div class="right-g">
                    <span id="tank_name">周禹鹏</span>
                    <ul>
                        <li style="position:relative;">
                            <a href="javascript:void(0)" style=" position: absolute;padding-top: .08rem;" id="views">20</a>
                            <canvas id="dowebok1" style="width: 100%;height: 100%;cursor: pointer"></canvas>
                            <span>观点</span>
                        </li>
                        <li style="position:relative;">

                            <a href="javascript:void(0)" id="lecture" style="    position: absolute;padding-top: .08rem;">11</a>
                            <canvas id="dowebok" style="width: 100%;height: 100%;cursor: pointer"></canvas>
                            <span>讲座</span>
                        </li>
                        <li id="status">
                            <img src="images/img/aijia1.png" alt="" />
                        </li>
                    </ul>
                </div>
                <p id="position">原中共上海市委常委、上海市副市长<br/>上海现代服务业联合会会长</p>
            </div>
        </div>
    </header>
    <section class="think-section">
        <div class="think-child1">
            <h2>个人简介</h2>
            <div class="thinl-content" id="personalProfile">


            </div>
            <div class="toggle-btn active">展开</div>
        </div>
        <div class="think-child2">
            <h2>近期讲座</h2>
            <img src="images/img/yaoqinghan.png" alt="" />
        </div>
    </section>
    <footer class="think-footer">
			<a href="javascript:void (0)">立即咨询</a>
    </footer>
</div>
